<script setup lang='tsx'>
import ProCard from '../components/ProCard/index.vue';
import { ref } from 'vue';
import { ProTabsOption } from '../components/types';
const tabKey = ref('A');
const tabs: ProTabsOption[] = [
    {
        label: '栏目A',
        key: 'A',
        children: '栏目A 内容'
    },
    {
        label: '栏目B',
        key: 'B',
        children: '栏目A 内容'
    }
]
</script>

<template>
    <div>
        <ProCard avatarImage="https://tdesign.gtimg.com/site/avatar.jpg" :tabs="tabs" v-model:tab-key="tabKey" sub-title="副标题">
            <template #actions>
                <div>操作</div>
            </template>
            内容区域

            <template #tabContent="{ key }">
                <div>{{ key }}</div>
            </template>
        </ProCard>
    </div>
</template>

<style lang='scss'></style>